<template>
	<view
		class="app-classify-goods-item e-flex bg-white"
		@tap="
			$goTo('/pages/classify/goods/info/index',  {
				id: info.id
			})
		"
	>
		<load-image mode="aspectFit" :size="['168rpx']" :src="info.coverImg" />
		<view class="e-p-l-24 e-flex-1">
			<view class="e-line-2 e-font-26 e-m-b-22">
				{{ info.name }}
			</view>
			<activityBadge :info="info" class="e-m-b-10"></activityBadge>
			<view class="e-flex">
				<view class="e-flex e-flex-1">
					<view class="price fw-500 c-red">
						<text class="e-font-24">{{ $unitEn }}</text>
						<text class="e-font-32">{{ info.price }}</text>
					</view>
					<view class="app-classify-goods-list-one__scribing e-font-20 c-secondary e-m-l-16 e-rela" v-if="info.priceScribing">
						<text>{{ $unitEn }}</text>
						<text>{{ info.priceScribing }}</text>
					</view>
				</view>
				<view class="img-40 e-line-h-40 e-radius-40 text-center bg-primary">
					<text class="iconfont icon-jia c-white e-font-26"></text>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	
	const props = defineProps({
		info:Object
	})
	
</script>

<style lang="scss" scoped>
	@include appBem_b(classify-goods-item){
		padding: 24rpx 40rpx 24rpx 0;
	}
</style>
